<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>allinone thumbnails演示(crazy皮肤/固定尺寸)_素材火</title>

<link rel="stylesheet" href="css/allinone_thumbnailsBanner.css">
<script src="http://www.sucaihuo.com/Public/js/other/jquery.js"></script>
<script src="js/jquery-ui-1.10.2.min.js"></script>
<script src="js/allinone_thumbnailsBanner.js"></script>
<script src="js/reflection.js" type="text/javascript"></script>

<script>
$(function() {
	$('#allinone_thumbnailsBanner_crazy').allinone_thumbnailsBanner({
		skin: 'crazy',
		numberOfThumbsPerScreen:6,
		width: 1177,
		height: 384,
		thumbsWrapperMarginTop:-35,
		thumbsOnMarginTop:3,
		showCircleTimer:false,
		defaultEffect: 'random'
	});
});
</script>
</head>

<body>
<h1>allinone thumbnails演示(crazy皮肤/固定尺寸)</h1>

<!-- 代码开始 -->
<div style="width:1177px; height:400px; margin:50px auto 0 auto;">
	<div id="allinone_thumbnailsBanner_crazy" style="display:none;">
		<ul class="allinone_thumbnailsBanner_list">
			<!-- 图片 -->
			<li data-bottom-thumb="images/crazy/thumbs/01_crazy.png" data-text-id="#allinone_thumbnailsBanner_photoText1"><img src="images/crazy/01_crazy.png" alt="" /></li>
			<li data-bottom-thumb="images/crazy/thumbs/02_crazy.png" data-text-id="#allinone_thumbnailsBanner_photoText2"><img src="images/crazy/02_crazy.png" alt="" /></li>
			<li data-bottom-thumb="images/crazy/thumbs/03_crazy.png" data-text-id="#allinone_thumbnailsBanner_photoText3"><img src="images/crazy/03_crazy.png" alt="" /></li>
			<li data-bottom-thumb="images/crazy/thumbs/04_crazy.png" data-text-id="#allinone_thumbnailsBanner_photoText4"><img src="images/crazy/04_crazy.png" alt="" /></li>
			<li data-bottom-thumb="images/crazy/thumbs/05_crazy.png" data-text-id="#allinone_thumbnailsBanner_photoText5"><img src="images/crazy/05_crazy.png" alt="" /></li>
			<li data-bottom-thumb="images/crazy/thumbs/01_crazy.png" data-text-id="#allinone_thumbnailsBanner_photoText1"><img src="images/crazy/01_crazy.png" alt="" /></li>
			<li data-bottom-thumb="images/crazy/thumbs/02_crazy.png" data-text-id="#allinone_thumbnailsBanner_photoText2"><img src="images/crazy/02_crazy.png" alt="" /></li>
			<li data-bottom-thumb="images/crazy/thumbs/03_crazy.png" data-text-id="#allinone_thumbnailsBanner_photoText3"><img src="images/crazy/03_crazy.png" alt="" /></li>
			<li data-bottom-thumb="images/crazy/thumbs/04_crazy.png" data-text-id="#allinone_thumbnailsBanner_photoText4"><img src="images/crazy/04_crazy.png" alt="" /></li>
			<li data-bottom-thumb="images/crazy/thumbs/05_crazy.png" data-text-id="#allinone_thumbnailsBanner_photoText5"><img src="images/crazy/05_crazy.png" alt="" /></li>
			<li data-bottom-thumb="images/crazy/thumbs/01_crazy.png" data-text-id="#allinone_thumbnailsBanner_photoText1"><img src="images/crazy/01_crazy.png" alt="" /></li>
			<li data-bottom-thumb="images/crazy/thumbs/02_crazy.png" data-text-id="#allinone_thumbnailsBanner_photoText2"><img src="images/crazy/02_crazy.png" alt="" /></li>
			<li data-bottom-thumb="images/crazy/thumbs/03_crazy.png" data-text-id="#allinone_thumbnailsBanner_photoText3"><img src="images/crazy/03_crazy.png" alt="" /></li>
			<li data-bottom-thumb="images/crazy/thumbs/04_crazy.png" data-text-id="#allinone_thumbnailsBanner_photoText4"><img src="images/crazy/04_crazy.png" alt="" /></li>
			<li data-bottom-thumb="images/crazy/thumbs/05_crazy.png" data-text-id="#allinone_thumbnailsBanner_photoText5"><img src="images/crazy/05_crazy.png" alt="" /></li>
			<li data-bottom-thumb="images/crazy/thumbs/01_crazy.png" data-text-id="#allinone_thumbnailsBanner_photoText1"><img src="images/crazy/01_crazy.png" alt="" /></li>
			<li data-bottom-thumb="images/crazy/thumbs/02_crazy.png" data-text-id="#allinone_thumbnailsBanner_photoText2"><img src="images/crazy/02_crazy.png" alt="" /></li>
			<li data-bottom-thumb="images/crazy/thumbs/03_crazy.png" data-text-id="#allinone_thumbnailsBanner_photoText3" data-link="http://www.sucaihuo.com/js/249.html" data-target="_blank"><img src="images/crazy/03_crazy.png" alt="" /></li>
		</ul>
		
		<!-- 文字 -->
		<div id="allinone_thumbnailsBanner_photoText1" class="allinone_thumbnailsBanner_texts">
			<div class="allinone_thumbnailsBanner_text_line" data-initial-left="668" data-initial-top="200" data-final-left="668" data-final-top="80" data-duration="0.5" data-fade-start="0" data-delay="0">
				<div class="textRibbonRight_crazy">&nbsp;</div>
				<div class="textElement11_crazy">Enjoy This Crazy Banner</div>
				<div class="textElement12_crazy">It has an original Crazy Skin</div>
			</div>
		</div>
		<div id="allinone_thumbnailsBanner_photoText2" class="allinone_thumbnailsBanner_texts">
			<div class="allinone_thumbnailsBanner_text_line" data-initial-left="79" data-initial-top="200" data-final-left="79" data-final-top="60" data-duration="0.5" data-fade-start="0" data-delay="0">
				<div class="textRibbonLeft_crazy">&nbsp;</div>
				<div class="textElement21_crazy">16 transition effects for images</div>
				<div class="textElement22_crazy">optional can set the transition for each image</div>
			</div>
		</div>
		<div id="allinone_thumbnailsBanner_photoText3" class="allinone_thumbnailsBanner_texts">
			<div class="allinone_thumbnailsBanner_text_line" data-initial-left="359" data-initial-top="-19" data-final-left="170" data-final-top="-19" data-duration="0.5" data-fade-start="0" data-delay="0">
				<div class="textRibbonTopLeft_crazy">&nbsp;</div>
				<div id="topCrazyTextBgLeft">
					<div class="textElement31_crazy">16 transition effects for images</div>
					<div class="textElement32_crazy">optional can set the transition for each image</div>
					<div id="textElement3_crazy_list">
						<ul>
							<li>Lorem ipsum dolor sit amet consectetur adiscipit elit droid sans serif sed ud libero pellentesque pulvinar turpis</li>
							<li>Nullam pretium augue sed augue tempor bibendum</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div id="allinone_thumbnailsBanner_photoText4" class="allinone_thumbnailsBanner_texts">
			<div class="allinone_thumbnailsBanner_text_line" data-initial-left="258" data-initial-top="-19" data-final-left="590" data-final-top="-19" data-duration="0.5" data-fade-start="0" data-delay="0">
				<div class="textRibbonTopRight_crazy">&nbsp;</div>
				<div id="topCrazyTextBgRight">
					<div class="textElement41_crazy">Enjoy This Crazy Banner</div>
					<div class="textElement42_crazy">It has an original Crazy Skin</div>
				</div>
				<div> </div>
			</div>
		</div>
		<div id="allinone_thumbnailsBanner_photoText5" class="allinone_thumbnailsBanner_texts">
			<div class="allinone_thumbnailsBanner_text_line" data-initial-left="100" data-initial-top="-19" data-final-left="420" data-final-top="-19" data-duration="0.5" data-fade-start="0" data-delay="0">
				<div class="textRibbonTopRight_crazy">&nbsp;</div>
				<div id="topCrazyTextBgRight">
					<div class="textElement51_crazy">Enjoy This Crazy Banner</div>
					<div class="textElement52_crazy">It has an original Crazy Skin</div>
				</div>
				<div> </div>
			</div>
		</div>
	</div>
</div>
<!-- 代码结束 -->

               
               






<!-- 以下是统计和广告，与演示无关，不必理会 -->
<style type="text/css">
body { margin: 0;}
h1 { margin: 40px 10px; font: 32px Microsoft Yahei; text-align: center;}

.vad { margin:100px 0 5px; font-family: arial,宋体,sans-serif; text-align:center;}
.vad a { display:inline-block; height: 30px; line-height: 30px; margin:0 5px; padding:0 20px; font-size:14px; text-align:center; color:#eee; text-decoration:none; background-color:#222;}
.vad a:hover { color:#fff; background-color:#000;}

.a728x90 { width: 728px; height: 90px; margin: 0 auto;}
</style>

<p class="vad"><a href="http://www.sucaihuo.com/" target="_blank">sucaihuo.com</a> <a href="http://www.sucaihuo.com/js/249.html" target="_blank">说 明</a> <a href="http://www.sucaihuo.com/js/249.html" target="_blank">下 载</a></p>

</body>
</html>